(function () {
    return {
        initControl: function (oControl) {
            var v = oControl.value;
            oControl.isContainer = true;
            v.isnarrow=false;
            v.isborder=true;
            v.isstrip=false;
            v.ishover=false;
            
        },
        compile: function (compileContext, doc,entity) {
            var cc = compileContext;
            var tc = cc.templateCoder;

            var v = entity.value;
            var cls = ["table"];

            if( v.isborder ) cls.push("is-bordered");
            if( v.ishover ) cls.push("is-hoverable");
            if( v.isnarrow ) cls.push("is-narrow");
            if( v.isstrip ) cls.push("is-striped");
            

            tc.add("<table class=\"");
            tc.add(cls.join(" "));
            tc.add("\"");
            tc.add(">");
            tc.add("<tbody>");
            $.each(entity.children, function (ec) {
                compileContext.compile(ec);
            });
            tc.add("</tbody>");
            tc.add("</table>");
        }
    }
})();